/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

@import "~@fontsource/work-sans";
@import "bootstrap-icons";

/* You can override the default Infima variables here. */
:root {
  font-family: "Work Sans", sans-serif;
  --tauri-orange: #d58100;

  --ifm-h5-font-size: var(--ifm-h4-font-size);
  --ifm-h6-font-size: var(--ifm-h4-font-size);

  --ifm-card-background-color: #c6d3ff0f;

  --docusaurus-highlighted-code-line-bg: white;
}

[data-theme="dark"] {
  --ifm-color-primary: #c6d3ff;
  --ifm-color-primary-dark: #bac9f8;
  --ifm-color-primary-darker: #adbef6;
  --ifm-color-primary-darkest: #91a4e2;
  --ifm-color-primary-light: #85def1;
  --ifm-color-primary-lighter: #95e2f2;
  --ifm-color-primary-lightest: #c2eff8;

  --ifm-card-background-color: #2f2f2f;

  --docusaurus-highlighted-code-line-bg: rgb(100, 100, 100);

  --tauri-orange: #ffc131;
}

.mermaid svg {
  display: block;
  margin: auto;
}

.navbar__title {
  display: none;
}

.videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[class*="announcementBar_"] {
  min-height: 3rem;
}

@media only screen and (max-width: 350px) {
  #announcement-link {
    display: block;
  }
}

/* Required due to a lot of items in navbar */
/* https://github.com/facebook/docusaurus/issues/7635 */
@media only screen and (max-width: 1300px) {
  .navbar__items {
    white-space: nowrap;
  }

  .navbar__items--right {
    font-size: 0;
  }

  .navbar__items--right .navbar__item > svg {
    display: none;
  }
}

.navbarIcon::before {
  display: inline-block;
  content: "";
  vertical-align: -0.125em;
  height: 1em;
  width: 1em;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  margin-right: 0.5em;
  font-size: 1em;
}

/* Light */
html[data-theme="light"] .versionIcon::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E%3C/svg%3E");
}

/* Dark */
.versionIcon::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E%3C/svg%3E");
}

/* Light */
html[data-theme="light"] .gitHubIcon::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
}

/* Dark */
.gitHubIcon::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
}

/* Allows dynamic images based on light/dark mode */
/* https://docusaurus.io/docs/markdown-features/assets#github-style-themed-images */
[data-theme="light"] img[src$="#gh-dark-mode-only"],
[data-theme="dark"] img[src$="#gh-light-mode-only"],
[data-theme="light"] img.gh-dark-mode-only,
[data-theme="dark"] img.gh-light-mode-only {
  display: none;
}

[data-theme="light"] img.transparent {
  background-color: #f6f6f6;
}
[data-theme="dark"] img.transparent {
  background-color: #1b1b1d;
}

.anchor-with-padding {
  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
}

pre.language-shell .token-line::before {
  content: "$ ";
}

pre.language-powershell .token-line::before {
  content: "PS C:\\> ";
}

/* Make only as wide as the text, not the full width of the page */
blockquote {
  padding-left: unset;
}

blockquote p {
  display: inline-block;
  background-color: var(--ifm-table-stripe-background);
  padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-vertical)
    var(--ifm-code-padding-vertical) 1rem;
  border-radius: 0 var(--ifm-code-border-radius) var(--ifm-code-border-radius) 0;
}

.screen-reader-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
